{extend name="public:layout" /}

{block name="title"}首页{/block}

{block name="head"}
    <style>
        .yiya{width: 50px;display: inline;}
        .icon-message2_full{font-size: 20px;}
        .am-selected-btn.am-btn-default{  padding:0px;}
        .am-selected{width: 100px;}
        .am-selected-btn.am-btn-default{ border: 1px solid black;}
        .am-selected-status{width: 73%;  text-align: center;}
        .am-selected-btn{text-align: center;}
        a:focus, a:hover{color:#ED7745; }
        .am-panel-default{border: 0;}
        .am-selected-status {    font-size: 14px;  line-height: 20px;}
        .am-menu-offcanvas1 .am-menu-toggle{    top: -33px;line-height: 0; padding: 0;}
        .am-menu{  top:47px;}
        .am-offcanvas.am-active{background: rgba(2, 2, 7, 0.498039)!important;}
        html{background: #eee; }
        .am-with-fixed-navbar{padding-bottom: 0;}
        .font14{font-size: 14px;}
        .zhiding{  z-index: 999;  position:fixed;  top:0;}
        .quchu{padding: 10px; background: #EEEEEE;}
        .quchu p{margin: 0; }
        .lefta{float: left;height: 642px;  position: relative;  background: #f2f2f2!important;  z-index: 99; left: 0;}
        .leftz{  list-style: none;  text-align: center;  margin: 0;  padding: 0;  position: relative; background: #fff; }
        .leftz li{ font-size: 14px;  text-align: center;width: 80px;line-height: 40px; border-bottom: 1px solid #ccc;}
        .rightz{  width: 100%;  margin-bottom: 55px;}
        .bsda{padding: 0;margin: 0 8px 0 0;}
        .weile{ margin-bottom: 3px;width: 5px; display: inline-block;  height:5px;  background: red; margin-left: -10px; margin-top: -5px;}
        .asa{margin-top: 10px!important;}
        .am-center p{margin: 0;}
        .am-active{ color:#ED7745; }
        .am-dimmer.am-active{background: rgba(0,0,0,.6);}
        .huise{color: #A6A6A6;}
        .mda{float:left;list-style: none;  padding: 0; margin: 0; height: 25px;font-size: 14px;}
        .tifff ul li{ float: left;}
        .adaqq{display: none; font-size: 14px;}
        .adaqq a{color: #fff;}
        .am-gallery-item{width: 41px;}
        .am-avg-sm-2>li{width: 45px;}
        .am-gallery-imgbordered .am-gallery-item img{border:0;}
        .am-pureview{background: rgba(0,0,0,.95) !important; z-index: 9999;}
        .mvdd{ position: relative;  right: 0;  height: 25px;  text-align: center;  top:0px;  float: left;}
        .tifff{ height: 29px;  line-height: 28px;color:#fff;background: #333333;position: relative;  top: -31px;  left: -190px;  width: 200px;  float: left;}
    </style>
{/block}

{block name="body"}
<!--头部-->
<div style="height: 50px;">
<div style="position: fixed; height: 50px; width: 100%; z-index: 1500;">
    <header data-am-widget="header"
            class="am-header am-header-default" style="background: #fff;box-shadow:0px -13px 40px -2px; ">
        <div class="am-header-left am-header-nav" onclick="history.back(-1)">
            <span class="icon iconfont icon-xiangzuojiantou" style="color: #424242;"></span>
        </div>
        <h1 class="am-header-title" style="color:#424242;">
           订单追踪
        </h1>
        <div class="am-header-right am-header-nav">
            <a href="{:url('home/centrality/xinjiankehu')}"><span class="icon iconfont icon-crmdianji" style="color: #424242;"></span></a>
        </div>
    </header>
</div>
</div>
<div class="container " id="mainbox" style=" padding: 0;">
    <div style="height: 160px;">
        <div style="position: fixed;z-index: 1500; width: 100%; top: 49px;">
            <div class="am-container" style="font-size: 14px; background: #fff;">
                <div class="am-g" style="border-bottom: 1px solid #ccc;">
                    <div class="am-u-sm-2" style="text-align: center;"><span class="icon iconfont icon-renwu" style="font-size: 32px; "></span></div>
                    <div class="am-u-sm-7" style="line-height:50px; ">宋小宝 <span style="border-radius: 20px;padding: 1px 4px;font-size: 12px;background: #ED7749;color: #fff;">重要</span></div>
                    <div class="am-u-sm-3" style="line-height:50px; ">签订合同</div>
                </div>
                <div class="am-g" style="height: 100%;">
                    <div class="am-u-sm-2" style="text-align: center; "><span class="icon iconfont icon-renwu" style="font-size: 32px; "></span></div>
                    <div class="am-u-sm-7" style=" "><div style="width: 83px;">15103036060 <span style="">晋中榆次</span></div></div>
                    <div class="am-u-sm-3" style=" "><div style="width: 50px;">￥2000<span style="">定金</span></div></div>
                </div>
            </div>
            <div class="am-g am-g-fixed" style="background: #F9F9F9; padding: 10px 0 20px 0;">
                <div class="am-u-sm-4">
                    <select data-am-selected>
                        <option value="a">最新节点</option>
                        <option value="b" selected style="font-size: 14px;">最新节点</option>
                        <option value="o">Orange</option>
                        <option value="m">Mango</option>

                    </select>
                </div>
                <div class="am-u-sm-4">
                    <select data-am-selected>
                        <option value="a">操作</option>
                        <option value="b" selected style="font-size: 14px;">操作</option>
                        <option value="o">Orange</option>
                        <option value="m">Mango</option>

                    </select>
                </div>
                <div class="am-u-sm-4">
                    <!--<select data-am-selected>
                        <option value="a">Apple</option>
                        <option value="b" selected>Banana</option>
                        <option value="o">Orange</option>
                        <option value="m">Mango</option>
                        <option value="d" disabled>禁用鸟</option>
                    </select>-->
                </div>
            </div>
        </div>
    </div>
    <div class="right">
        <div class="rightz">
            <div class="am-panel am-panel-default" id="about" style="background:#f9f9f9 ;">
                <div class="am-g">
                    <div class="am-u-sm-2" style="height: 160px;overflow: hidden; ">
                        <div style="margin: 0 auto;height: 25px; width: 25px;  border: 1px solid #ED7745; border-radius: 50%;">
                            <span style="margin-left:5px;padding:7px;height: 10px; width: 10px;  display: inline-block; background:#ED7745; border-radius: 50%;"></span>
                        </div>
                        <div style="margin: auto; background: #ED7745;width: 2px;height: 100%;"></div>
                    </div>
                    <div class="am-u-sm-8" style="">
                        <h1 style="font-size: 16px; margin: 0; color:#ED7745;">签订合同</h1>
                        <div class="am-center">
                            <p ><span style="font-weight: 600;">2017/09/15</span> <span style="color:#ED7745; ">小沈阳</span></p>
                            <div style="background: #F9F9F9; padding: 10px 11px; font-size: 14px; padding-right: 4px;">
                                <div>
                                    <i class="weile"></i>
                                    客户进入展厅,对欧式风格的橱柜比较感兴趣，为客户介绍了欧式系
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-2 mvdd" style="">
                        <div class="dka" >
                            <i class="icon iconfont icon-message2_full"  ></i>
                            <div  class="tifff adaqq">
                                <a href=""><div class="yiya">评价</div></a>
                                <div class="yiya">备注</div>
                                <div class="yiya">评价</div>
                                <div class="yiya">备注</div>
                                <div class="yiya">评价</div>
                                <div class="yiya">备注</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="am-g">
                    <div class="am-u-sm-2" style="height: 160px;overflow: hidden;">
                        <div style="text-align: center;">
                            <span style="margin-left:0px;padding:7px;height: 10px; width: 10px;  display: inline-block; background:#ED7745; border-radius: 50%;"></span>
                        </div>
                        <div style="margin: auto; background: #ED7745;width: 2px;height: 100%;"></div>
                    </div>
                    <div class="am-u-sm-8">
                        <div class="am-center">
                            <p ><span style="font-weight: 600;">2017/09/15</span> <span style="color:#ED7745; ">小沈阳</span></p>
                            <div style="background: #F9F9F9; padding: 10px 11px; font-size: 14px; padding-right: 4px;">
                                <div >
                                    <i class="weile"></i>
                                    客户进入展厅,对欧式风格的橱柜比较感兴趣，为客户介绍了欧式系
                                    <ul data-am-widget="gallery" class="am-gallery am-avg-sm-5 am-gallery-imgbordered" data-am-gallery="{pureview: 1}">
                                        <li>
                                            <div class="am-gallery-item">
                                                <img class="am-radius" alt="140*140" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="40" height="40" />
                                            </div>
                                        </li>
                                        <li>
                                            <div class="am-gallery-item">
                                                <img class="am-radius" alt="140*140" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="40" height="40" />
                                            </div>
                                        </li>
                                        <li>
                                            <div class="am-gallery-item">
                                                <img class="am-radius" alt="140*140" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="40" height="40" />
                                            </div>
                                        </li>
                                        <li>
                                            <div class="am-gallery-item">
                                                <img class="am-radius" alt="140*140" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="40" height="40" />
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-2 mvdd" style="">
                        <div class="dka" >
                            <i class="icon iconfont icon-message2_full"  ></i>
                            <div  class="tifff adaqq">
                                <a href=""><div class="yiya">评价</div></a>
                                <div class="yiya">备注</div>
                                <div class="yiya">评价</div>
                                <div class="yiya">备注</div>
                                <div class="yiya">评价</div>
                                <div class="yiya">备注</div>
                            </div>
                        </div>
                    </div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-2" style="height: 160px;overflow: hidden;">
                    <div style="text-align: center;">
                        <span style="margin-left:0px;padding:7px;height: 10px; width: 10px;  display: inline-block; background:#ED7745; border-radius: 50%;"></span>
                    </div>
                    <div style="margin: auto; background: #ED7745;width: 2px;height: 100%;"></div>
                </div>
                <div class="am-u-sm-8">
                    <div class="am-center">
                        <p ><span style="font-weight: 600;">2017/09/15</span> <span style="color:#ED7745; ">小沈阳</span></p>
                        <div style="background: #F9F9F9; padding: 10px 11px; font-size: 14px; padding-right: 4px;">
                            <div >
                                <i class="weile"></i>
                                客户进入展厅,对欧式风格的橱柜比较感兴趣，为客户介绍了欧式系
                                <div class="am-g quchu">
                                    <p>备注</p>
                                    <p>预计沟通内容：价格的确定</p>
                                    <p>准备工作：报价单方案 效果图</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="am-u-sm-2 mvdd" style="">
                    <div class="dka" >
                        <i class="icon iconfont icon-message2_full"  ></i>
                        <div  class="tifff adaqq">
                            <a href=""><div class="yiya">评价</div></a>
                            <div class="yiya">备注</div>
                            <div class="yiya">评价</div>
                            <div class="yiya">备注</div>
                            <div class="yiya">评价</div>
                            <div class="yiya">备注</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <div class="rightz">
            <div class="am-panel am-panel-default" id="about" style="background:#f9f9f9 ;">
                <div class="am-g">
                    <div class="am-u-sm-2" style="height: 160px;overflow: hidden; ">
                        <div style="margin: 0 auto;height: 25px; width: 25px;  border: 1px solid #ED7745; border-radius: 50%;">
                            <span style="margin-left:5px;padding:7px;height: 10px; width: 10px;  display: inline-block; background:#ED7745; border-radius: 50%;"></span>
                        </div>
                        <div style="margin: auto; background: #ED7745;width: 2px;height: 100%;"></div>
                    </div>
                    <div class="am-u-sm-8" style="">
                        <h1 style="font-size: 16px; margin: 0; color:#ED7745;">签订合同</h1>
                        <div class="am-center">
                            <p ><span style="font-weight: 600;">2017/09/15</span> <span style="color:#ED7745; ">小沈阳</span></p>
                            <div style="background: #F9F9F9; padding: 10px 11px; font-size: 14px; padding-right: 4px;">
                                <div>
                                    <i class="weile"></i>
                                    客户进入展厅,对欧式风格的橱柜比较感兴趣，为客户介绍了欧式系
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-2 mvdd" style="">
                        <div class="dka" >
                            <i class="icon iconfont icon-message2_full"  ></i>
                            <div  class="tifff adaqq">
                                <a href=""><div class="yiya">评价</div></a>
                                <div class="yiya">备注</div>
                                <div class="yiya">评价</div>
                                <div class="yiya">备注</div>
                                <div class="yiya">评价</div>
                                <div class="yiya">备注</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="am-g">
                    <div class="am-u-sm-2" style="height: 160px;overflow: hidden;">
                        <div style="text-align: center;">
                            <span style="margin-left:0px;padding:7px;height: 10px; width: 10px;  display: inline-block; background:#ED7745; border-radius: 50%;"></span>
                        </div>
                        <div style="margin: auto; background: #ED7745;width: 2px;height: 100%;"></div>
                    </div>
                    <div class="am-u-sm-8">
                        <div class="am-center">
                            <p ><span style="font-weight: 600;">2017/09/15</span> <span style="color:#ED7745; ">小沈阳</span></p>
                            <div style="background: #F9F9F9; padding: 10px 11px; font-size: 14px; padding-right: 4px;">
                                <div >
                                    <i class="weile"></i>
                                    客户进入展厅,对欧式风格的橱柜比较感兴趣，为客户介绍了欧式系
                                    <ul data-am-widget="gallery" class="am-gallery am-avg-sm-5 am-gallery-imgbordered" data-am-gallery="{pureview: 1}">
                                        <li>
                                            <div class="am-gallery-item">
                                                <img class="am-radius" alt="140*140" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="40" height="40" />
                                            </div>
                                        </li>
                                        <li>
                                            <div class="am-gallery-item">
                                                <img class="am-radius" alt="140*140" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="40" height="40" />
                                            </div>
                                        </li>
                                        <li>
                                            <div class="am-gallery-item">
                                                <img class="am-radius" alt="140*140" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="40" height="40" />
                                            </div>
                                        </li>
                                        <li>
                                            <div class="am-gallery-item">
                                                <img class="am-radius" alt="140*140" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="40" height="40" />
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-2 mvdd" style="">
                        <div class="dka" >
                            <i class="icon iconfont icon-message2_full"  ></i>
                            <div  class="tifff adaqq">
                                <a href=""><div class="yiya">评价</div></a>
                                <div class="yiya">备注</div>
                                <div class="yiya">评价</div>
                                <div class="yiya">备注</div>
                                <div class="yiya">评价</div>
                                <div class="yiya">备注</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="am-g">
                    <div class="am-u-sm-2" style="height: 160px;overflow: hidden;">
                        <div style="text-align: center;">
                            <span style="margin-left:0px;padding:7px;height: 10px; width: 10px;  display: inline-block; background:#ED7745; border-radius: 50%;"></span>
                        </div>
                        <div style="margin: auto; background: #ED7745;width: 2px;height: 100%;"></div>
                    </div>
                    <div class="am-u-sm-8">
                        <div class="am-center">
                            <p ><span style="font-weight: 600;">2017/09/15</span> <span style="color:#ED7745; ">小沈阳</span></p>
                            <div style="background: #F9F9F9; padding: 10px 11px; font-size: 14px; padding-right: 4px;">
                                <div >
                                    <i class="weile"></i>
                                    客户进入展厅,对欧式风格的橱柜比较感兴趣，为客户介绍了欧式系
                                    <div class="am-g quchu">
                                        <p>备注</p>
                                        <p>预计沟通内容：价格的确定</p>
                                        <p>准备工作：报价单方案 效果图</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-2 mvdd" style="">
                        <div class="dka" >
                            <i class="icon iconfont icon-message2_full"  ></i>
                            <div  class="tifff adaqq">
                                <a href=""><div class="yiya">评价</div></a>
                                <div class="yiya">备注</div>
                                <div class="yiya">评价</div>
                                <div class="yiya">备注</div>
                                <div class="yiya">评价</div>
                                <div class="yiya">备注</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>
    {/block}
    {block name="script"}

    <script src="../../js/jquery.js"></script>


    <!--[if lte IE 8 ]>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="js/amazeui.ie8polyfill.min.js"></script>

    <![endif]-->
    <script src="../../js/amazeui.min.js"></script>
    <script>
        $(document).ready(function(){
            $(".dka").click(function(){
                var obj=$(this).parents('.mvdd').find('.adaqq');
                obj.toggle();
            });
        });
    </script>

    {/block}

